<template>
  <type-wrapper :name="name">
    <el-input
      :value="extra.selectedValue || ''"
      size="small"
      @input="onChange"
    />
  </type-wrapper>
</template>

<script>
import TypeWrapper from './type-wrapper.vue'
import { Input } from 'element-ui'
export default {
  components: {
    'type-wrapper': TypeWrapper,
    'el-input': Input
  },
  props: {
    name: {
      type: String,
    },
    config: {
      type: String,
    },
    extra: {
      type: Object,
    }
  },
  methods: {
    onChange(e) {
      this.$emit('change', e)
    }
  },
  // mounted() {
  //   this.$emit('init', this.extra.selectedValue)
  // }
}
</script>